<template>
    <div>
         <mt-swipe :auto="4000">
          <mt-swipe-item :lunbotuList="lunbotuList">1</mt-swipe-item>
          <mt-swipe-item>2</mt-swipe-item>
          <mt-swipe-item>3</mt-swipe-item>
        </mt-swipe>
    </div>
</template>


<script>
    export default {
         props:["lunbotuList"] //父组件向子组件传值，将来，谁想调用轮播图，必须先传一个lunbotuLis的数组
        data(){
            return{

            }
        }
    }
</script>


<style lang="scss" scoped>
    .mint-swipe{
    height:200px;

    .mint-swipe-item{
        &:nth-child(1){
            background-color:pink
        }
        &:nth-child(2){
            background-color:cyan
        }
        &:nth-child(3){
            background-color:yellow
        }

    }

}

</style>
